<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../public.css">
		<link rel="stylesheet" href="./系统配置.css">
	</head>
	<body>
		<header>
			<nav>
				<div class="logo">
					<span>客户资源信息</span>管理后台
				</div>
				<ul class="management">
					<li><span>&#xe661;</span>权限管理</li>
					<li><span>&#xe659;</span>用户列表</li>
					<li><span>&#xe68d;</span>系统日志</li>
				</ul>
				<ul class="management">
					<li><span class="ponum">&#xe65f;</span>在线人数</li>
					<li class="msgbtn">
						<span class="message">&#xe650;</span>系统消息
						<div class="newmsg" id="newmsg">
							<div><span>最新消息</span><span class="down">&#xe600;</span></div>
							<ul>
								<li>【版本更新】书链管理后台1.3版<span>09-12</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-11</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-10</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-09</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-08</span></li>
							</ul>
						</div>
					</li>
					<li><span>&#xe620;</span>用户<span>&#xe65c;</span></li>
				</ul>
			</nav>
		</header>
		<div class="bigbox">
			<div class="sidebar">
				<ul>
					<li class="home"><span>&#xe60c;</span><a href="javascript:;">首页</a></li>
					<li><span>&#xe659;</span><a href="javascript:;">机构管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">信息管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">商机管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">产品管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">合同管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">日志管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">预约管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">售后管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">任务清单</a></li>
					<li><span>&#xe620;</span><a href="javascript:;">员工管理</a></li>
					<li><span>&#xe64b;</span><a href="javascript:;">资料库管理</a></li>
					<li><span>&#xe60d;</span><a href="javascript:;">系统对接管理</a></li>
					<li><span>&#xe60a;</span><a href="javascript:;">统计分析</a></li>
					<li><span>&#xe659;</span><a href="javascript:;">用户管理</a></li>
					<li><span>&#xe65e;</span><a href="javascript:;">系统配置</a></li>
					<li><span>&#xe611;</span><a href="javascript:;">系统日志</a></li>
					<li><span>&#xe647;</span><a href="javascript:;">安全退出</a></li>
				</ul>
			</div>
			<div class="box-right">
				<div class="rig-con">
					<p>
					<h2 class="h2">后台系统配置信息</h2>
					</p>
					<p>
					<h4>系统配置相关选项值</h4>
					</p>
					<section class="section01">
						<p><span class="sp2">1、消息设置:</span><br>
						<p class="p2">
							<span><span>系统消息是否开启:</span>
								<input type="radio" name="s">是
								<input type="radio" name="s">否
							</span>
							<span><span>收到消息是否弹出小窗口:</span>
								<input type="radio" name="x">是
								<input type="radio" name="x">否
							</span>
						</p>
						<p class="p2">
							<span><span>预约提醒是否开启:</span>
								<input type="radio" name="s">是
								<input type="radio" name="s">否
							</span>
							<span><span>预约消息是否弹出小窗口:</span>
								<input type="radio" name="x">是
								<input type="radio" name="x">否
							</span>
						</p>
						</p>
						<!--  -->
						<p><span class="sp2">2、文件设置:</span><br>
						<p class="p2">
							<span><span>上传文件格式:</span>
								<span style="border-bottom: 1px solid silver;">
									<input type="checkbox" name="" id=""><span>docx</span>
									<input type="checkbox" name="" id=""><span>text</span>
									<input type="checkbox" name="" id=""><span>xls</span>
								</span>
								<input type="checkbox" name="" id=""><span>pdf</span>
								<span style="border-bottom: 1px solid silver;">
									<input type="checkbox"><span>rar</span>
									<input type="checkbox"><span>zip</span>
								</span>
							</span>
						</p>
						<p>
							<span class="sp11">文档类</span>
							<span class="sp111">压缩类</span>
						</p>
						<p class="p2"><span><span>上传文件大小不超过:</span>
								<input type="radio" name="d"><span>10M</span>
								<input type="radio" name="d" id=""><span>5M</span>
								<input type="radio" name="d" id=""><span>2M</span></span>
						</p>
						</p>
						<!--  -->
						<p><span class="sp2">3、图片设置:</span><br>
						<p class="p2" style="max-width: 600px;">
							<span><span>图片大小:</span>
								<input type="radio" name="f"><span>2M</span>
								<input type="radio" name="f"><span>1M</span>
								<input type="radio" name="f" id=""><span>0.5M</span>
							</span>
							<span><span>图片格式:</span>
								<span style="border-bottom: 1px solid silver;">
									<input type="checkbox" name="xd"><span>bmp</span>
									<input type="checkbox" name="xd"><span>png</span>
									<input type="checkbox" name="xd"><span>gif</span>
									<input type="checkbox" name="xd"><span>jpg</span>
								</span>
							</span>
						<p class="p22"> 图片类</p>
						</p>
						</p>
						<!--  -->
						<p><span class="sp2">4、数据库备份设置:</span><br>
						<div class="shujuku">
							<section>
								<span style="font-size: 12px;font-weight: 800;">数据库自动备份:</span><br>
								<p class="p00">
									<span>每周自动备份时间:</span><input type="time" name="" id="">
								</p>
								<p class="p00">
									<span>每日自动备份时间:</span><input type="time" name="" id="">
								</p>
								<p class="p00">
									<span>数据库名:</span>
									<label for="bz" id="jkl">选择</label>
									<input style="display: none;" type="file" id="bz">
									<span style="font-size: 14px;color: #1c3dff;">下载</span>
								</p>
							</section>
							<section>
								<span style="font-size: 12px;font-weight: 800;">数据库手动备份:</span><br>
								<p class="ds">
									<span>是否现在:</span><span class="spo">备份开始</span>
								</p>
								<p class="p00">
									<span>数据库名:</span>
									<label for="bz1" id="jkll">选择</label>
									<input style="display: none;" type="file" id="bz1">
									<span style="font-size: 14px;color: #1c3dff;">下载</span>
								</p>
							</section>
						</div>
						</p>
						<!--  -->
						<p style="margin-top: 10px;"><span class="sp2">5、短信设置:</span><br>
						<p class="p2">
							<span><span>是否自动发短信:</span>
								<input type="radio" name="s">是
								<input type="radio" name="s">否
							</span>
							<span><span>是否短信群发:</span>
								<input type="radio" name="x">是
								<input type="radio" name="x">否
							</span>
						</p>
						<p class="p2" style="width: 600px;">
							<span>绑定手机号:<input type="text" style="width: 150px;">
								<span class="cx">测试</span>
							</span>
							<br>
						</p><span class="sp09">
							<span class="spop">确定</span>
						</span>
						</p>
						<!--  -->
						<p><span class="sp2">6、邮件设置:</span><br>
							<div class="flsx">
							<section class="se1">
							<span><span style="font-size: 14px;">邮件发送方式:</span>
								<input type="radio" name="s"><span>使用外部SMTP发送</span>
								<input type="radio" name="s"><span>使用本地服务器发送</span>
							</span>
							<div class="yinc">
								<p><span>发件人邮箱:</span><input type="text" name="" id=""></p>
								<p><span>SMTP服务器地址:</span><input type="text" name="" id=""></p>
								<p><span>SMTP服务器端口:</span><input type="text" name="" id=""> <i class="cx1">测试</i></p>
								<p><span>STMP用户名:</span><input type="text" name="" id=""></p>
								<p><span>SMTP密码:</span><input type="text" name="" id=""></p>
								<p style="text-align: center;margin-top: 20px;"><i class="spop no">确定</i></p>
							</div>
							</section>
							<section style="position: relative;">
								<p><span class="sp2 poq">7、提醒设置:</span><br>
								</p>
								<p ><span class="ji">1、预约提醒值:</span>
								 <select class="ji1" name="" id="">
									 <option value="">0.5</option>
									  <option value="">1</option>
								 </select>
								 <span class="ji">小时</span>
								 </p>
								 <p ><span class="ji">2、商机提醒值:</span>
								  <select class="ji1" name="" id="">
								 	 <option value="">1</option>
								 	  <option value="">2</option>
								  </select>
								  <span class="ji">天</span>
								  </p>
								  <p ><span class="ji">3、合同提醒值:</span>
								   <select class="ji1" name="" id="">
								  	 <option value="">7</option>
								  	  <option value="">14</option>
								   </select>
								   <span class="ji">天</span>
								   </p>
							</section>
							</div>
							<div class="anniu">
								<div>确定保存</div>
								<div>取消</div>
							</div>
						</p>
					</section>
				</div>
			</div>
		</div>
		<script src="js/jquery-3.6.0.js"></script>
		<script>
			let msgbtn = document.querySelector('.msgbtn')
			let down = document.querySelector('.down')
			let newmsg = document.querySelector('.newmsg')

			down.onclick = function(e) {
				newmsg.style.display = 'none'
				e.stopPropagation()
			}
			msgbtn.onclick = function() {
				newmsg.style.display = 'block'
			}
			let i = document.querySelector("#bz");
			let id = document.querySelector("#jkl")
			i.onchange = function() {
				id.innerText = i.files[0].name;
			}
		</script>
	</body>
</html>
